import { memo } from 'react'
import { QuestionInputDefaultProps } from './interface'
import { Input, Typography } from 'antd'

const { Paragraph } = Typography

const QuestionInput = memo(props => {
  const { title, placeholder } = { ...QuestionInputDefaultProps, ...props }

  return (
    <>
      <Paragraph strong>{title}</Paragraph>
      <Input placeholder={placeholder} />
    </>
  )
})

export default QuestionInput
